<!-- 我的爱车 页面-->
<include file='Common:head'/>
<div class="add_car_view">
	<div class="">車&nbsp;品&nbsp;牌&nbsp;&nbsp;:&nbsp;
		<if condition="$_GET['brand'] neq null">
			{$_GET['brand']}
		<else/>
			<span style="border:2px solid #A3A3A3;padding:5% 23%;">選擇品牌</span>
		</if>
		<input type="hidden" name="brand" value="{$_GET['brand']}" placeholder="請輸入品牌"/></div>
	<div class="">車&nbsp;牌&nbsp;號&nbsp;&nbsp;:&nbsp;
		M<input class="oneletter license_plate" type="text" name="license_plate1"  /> <!-- onkeyup="value=this.value.replace('/^[A-Z]+$','')" -->
		-<input class="twoletter license_plate" type="text" name="license_plate2"  /> <!-- onkeyup="value=this.value.replace('/^[0-9]*$','')" -->
		-<input class="twoletter license_plate" type="text" name="license_plate3"  /> <!-- onkeyup="value=this.value.replace('/^[0-9]*$','')" -->
	</div>
	<div class="">車&nbsp;類&nbsp;型&nbsp;&nbsp;:
		<select name="type"/>
			<option value="1">五座車</option>
			<option value="2">七座車</option>
			<option value="3">其他車</option>
		</select>
	</div>
	<div class="">車&nbsp;顏&nbsp;色&nbsp;&nbsp;:&nbsp;
		<select name="color"/>
			<option value="1">银色系</option>
			<option value="2">白色系</option>
			<option value="3">蓝色系</option>
			<option value="4">黑色系</option>
			<option value="5">红色系</option>
			<option value="6">绿色系</option>
			<option value="7">黄色系</option>
			<option value="8">棕色系</option>
			<option value="9">灰色系</option>
			<option value="10">其他</option>
		</select>

	<input type="text" name="color" placeholder="請輸入車顏色" value="银色系" style="display:none;"/></div>

	<if condition="$_GET['is_first'] eq 1 "> <!-- 判断是否为第一次注册 -->
		<div class="">聯繫方式&nbsp;:&nbsp;<input type="text" name="phone" placeholder="請輸入您聯繫方式"/></div>
	</if>

	<div class="add">添加</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$('title').html('銘聯洗車');
	$('.header .title').html('添加愛車');
	$('.header .left').html('<img src="__PRIVATE__/images/left.png" style="width:55%"/>');
	$('.header .right').html('');
	$('.header .left').click(function(){
		//返回-我的爱车
		window.location.href = "{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/mycar')}";
	});
	//选择爱车品牌
	$('span').click(function(){
		var flag = '<?php echo $_GET['is_first'] ? $_GET['is_first'] : 0 ;?>';
		window.location.href = "__MODULE__/personal/select_car_brand/is_first/"+flag;
	});
	//选择爱车颜色
	$('select[name=color]').change(function(){
		if($(this).val() == 10){
			$(this).css('display','none');
			$('input[name=color]').val('');
			$('input[name=color]').show();
		}else{
			var color = $(this).find("option:selected").text();
			$('input[name=color]').val(color);
		}
	});
});


/**
 * 输入车牌号的三个文本框
 * license_plate1 只允许输入1个字符，满足条件后直接将焦点转移到下个文本框，省去再次点击的烦恼
 * license_plate2 只允许输入2个字符，满足条件后直接将焦点转移到下个文本框，省去再次点击的烦恼
 * license_plate3 只允许输入2个字符，满足条件后失去焦点。完成输入
 * @"^{1}[M-M]{1}[A-U_W-Z]-[0-9][0-9]-[0-9][0-9]$"
 */
$('input[name="license_plate1"]').on('input propertychange', function(){
	if($(this).val().length==1){
		$('input[name="license_plate2"]').focus();
	}
});

$('input[name="license_plate2"]').on('input propertychange', function(){
	if($(this).val().length==2){
		$('input[name="license_plate3"]').focus();
	}else if($(this).val().length>2){
		$(this).val('');
	}
});

$('input[name="license_plate3"]').on('input propertychange', function(){
	if($(this).val().length==2){
		$(this).blur();
	}else if($(this).val().length>2){
		$(this).val('');
	}

});

//申明表單內容變量
var savePostData = {} ;

// 添加操作
$('.add_car_view .add').click(function(){
	// 判断
	if (!checkDataIsEmpty()) {
		layer.open({
		    content: '请填写数据'
		    ,skin: 'msg'
		    ,style: 'width: 30%; height:5%;padding:20px;font-size:3rem;'
		    ,time: 0.8 //0.5秒后自动关闭
		});
		return false;
	}
	// savePostData.car_name 	= $('input[name="car_name"]').val();
	savePostData.phone 	= $('input[name="phone"]').val();
	savePostData.brand 	= $('input[name="brand"]').val();
	savePostData.type  	= $('select[name="type"]').val();
	savePostData.color 	= $('input[name="color"]').val();
	savePostData.license_plate = 'M'+$('input[name="license_plate1"]').val()+'-'+$('input[name="license_plate2"]').val()+'-'+$('input[name="license_plate3"]').val();

	$.post("{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/addMyCar')}",savePostData,function(data){
				layer.open({
				    content: data.info
				    ,skin: 'msg'
				    ,style: 'width: 30%; height:5%;padding:20px;font-size:3rem;'
				    ,time: 1 //2秒后自动关闭
				    ,end: function () {
						location.href = "{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/"+data.url+"')}";
					}
				});
	});
});

// 检测数据是否完整
function checkDataIsEmpty(){
	// 車牌 顏色  商標 聯繫方式
	if ( $('input[name="license_plate1"]').val()=='' ||$('input[name="license_plate2"]').val()=='' ||$('input[name="license_plate3"]').val()=='' || /* $('input[name="color"]').val()=='' || */ $('input[name="brand"]').val()=='' || $('input[name="phone"]').val()=='') {
		return false;
	}else{
		return true;
	}
}
</script>
<include file='Common:footer'/>
